<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>下单页面</title>
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>
	<body>
		<!--payhead-->
	    <div class="payhead">
	    	<div class="width1200 clearfix">
	    		<a href="" title="" class="fl"><img src="img/icon63.png" alt="" title=""/></a>
	    		<p class="fr clearfix">
	    			<a href="" title="" class="payhead_a"><img src="img/icon139.png" alt="" title=""/>Hi wyy18625645 </a>
	    			<a href="" title="">客服中心</a>
	    		</p>
	    	</div>
	    </div>
		<!--payhead-->
	    <!--payorder-->
		<div class="width1200 padding_bot40">
			<!--pay_title-->
			<div class="pay_title clearfix">
				<p class="fl font_size18">选择支付方式</p>
				<p class="fr clearfix"><span class="pay_titlespan1 this">1.填写订单</span><span class="pay_titlespan2 this">2.选择支付方式</span><span class="pay_titlespan3 this">3.完成预订</span></p>
			</div>
			<!--pay_title-->
			<!--payorder-->
			<div class="payorder clearfix">
				<div class="left fl">
					<p class="title_p">预定信息</p>
					<!--two_inputs-->
					<div class="clearfix two_inputs fontfamily_song margin_bottom20">
						<div class="fl">
							<span class="fl width73">入住日期：</span>
							<div class="input_box fl clearfix">
								<input type="text" name="" value="" placeholder="2017-11-10" class="fl" readonly="readonly"/>
						        <img src="img/icon125.png" alt="" title=""/>
							</div>
							<span class="fl padding_lar10 font_size12">至</span>
							<div class="input_box fl clearfix">
								<input type="text" name=""  value="" placeholder="2017-11-12" class="fl" readonly="readonly"/>
						        <img src="img/icon125.png" alt="" title=""/>
							</div>
	    					<p class="fl font_size12 padding_left10">共<span id="selected_days">2</span>晚</p>
						</div>
					</div>
					<!--two_inputs end-->
					<!--select_box-->
					<div class="select_box margin_bottom20">
						<span class="width73 fl">房间数量：</span>
						<select name="" id="select_peopleNum">
							<option value="">1</option>
							<option value="">2</option>
							<option value="">3</option>
							<option value="">4</option>
							<option value="">5</option>
							<option value="">6</option>
							<option value="">7</option>
							<option value="">8</option>
							<option value="">9</option>
							<option value="">10</option>
						</select>
					</div>
					<!--select_box-->
					<!--discountBox-->
					<div class="discountBox">
						<p class="margin_bottom20"><span class="width73">房间价格：</span><span class="font_size20 color_f08519">￥<i id="unitprice">10</i></span></p>
						<div class="paddingleft73">
							<p class="payorder_slidep this">使用优惠<i></i></p>
							<!--payorder_slidebox-->
							<div class="payorder_slidebox">
								<p class="font_size12 color_999 margin_bottom15">您有 <span class="color_cc0000 font_blod">5</span> 张可用优惠券</p>
								<div class="discountBox_slide">
									<select name="">
										<option value="">新人专享券 满100减20</option>
									</select>
									<input type="text" name="" id="" value="" placeholder="请输入优惠券代码"/>
									<span>使用</span>
								</div>
							</div>
							<!--payorder_slidebox end-->
						</div>
					</div>
					<!--discountBox-->
					<!--depositbox-->
					<div class="depositbox">
					   <p class="title_p">押金信息</p>
					   <p class="margin_bottom20"><span class="width73">押金金额：</span><span class="font_size20 color_f08519">￥<i id="mydeposit">200</i></span></p>
					   <div class="paddingleft73">
						   <div class="payorder_slidebox">
						   	  <p class="depositbox_p"><img src="img/payorder1.png" alt="" title=""/>前台免交押金</p>
						   	  <p class="depositbox_p"><img src="img/payorder1.png" alt="" title=""/>急速退房</p>
					 	   </div>
				 	   </div>
					</div>
					<!--depositbox-->
					<!--infoBox-->
					<div class="infoBox fontfamily_song">
						<p class="title_p">入住信息</p>
						<div class="clearfix">
							<span class="width73 fl"><i class="color_cc0000">*</i>入住人：</span>
							<div class="width660 clearfix fl">
								<div class="fl infoBox_inputbox">
								   <input type="" name="" id="" value="" placeholder="入住人1" class="input180"/>
								</div>
								<p class="fl font_size12 infoBox_p" id="add_people"><img src="img/payorder.png" alt="" title=""/>添加入住人</p>
							</div>
						</div>
						<div class="paddingleft73 padding_top5 padding_bot15">
							<p class="font_size12 color_b0afaf lineheight20">至少填写<i id="min_num">1</i>人，填写姓名必须与入住时所持有效证件姓名保持一致<br /> 请正确填写入住人姓名，当实际入住人与订单入住人不一致时，酒店有权拒绝接待</p>
						</div>	
						<p class="lineheight40 margin_bottom20 clearfix">
							<span class="width73 fl"><i class="color_cc0000">*</i>手机号码：</span>
							<input type="" name="" id="" value="" placeholder="请填写手机号码" class="input180 fl"/>
							<span class="font_size12 color_b5b4b4 fl padding_left15">订单提交后，我们会将预订信息发送至您的手机</span>
						</p>
						<div class="paddingleft73">
							<p class="payorder_slidep this">其他需求<i></i></p>
							<!--payorder_slidebox-->
							<div class="payorder_slidebox">
								<p class="font_size12 color_999 margin_bottom15">酒店会尽力满足您的要求，祝您入住愉快！</p>
								<select name="" class="select155">
									<option value="">无需求</option>
								</select>
								<div class="infoBox_checkbox clearfix padding_tab10">
									<p class="fl"><input type="checkbox" name="requirement" id="" value="" />无烟</p>
									<p class="fl"><input type="checkbox" name="requirement" id="" value="" />安静</p>
									<p class="fl"><input type="checkbox" name="requirement" id="" value="" />高层</p>
									<p class="fl"><input type="checkbox" name="requirement" id="" value="" />其他</p>
								</div>
								<textarea name="" rows="" cols="" class="infoBox_textarea" placeholder="其他需求（您的需求会尽量转达给酒店，但不保证一定实现）"></textarea>
							</div>
							<!--payorder_slidebox end-->
						</div>
						<div class="paddingleft73 margin_top20">
							<p class="payorder_slidep this">预约发票<i></i></p>
							<!--payorder_slidebox-->
							<div class="payorder_slidebox">
								<p class="font_size12 color_999">掌中拍平台暂时只提供电子发票，如需纸质发票请联系客服！</p>
								<div class="infoBox_checkbox clearfix padding_tab15" id="bill_tab">
									<p class="fl"><input type="radio" name="bill" id="" value="" checked="checked"/>不开发票</p>
									<p class="fl"><input type="radio" name="bill" id="" value="" />普通发票</p>
									<p class="fl"><input type="radio" name="bill" id="" value="" />增值税专用发票</p>
								</div>
								<!--payorder_tab_part1-->
								<div class="payorder_tab_part1">
									<div class="payorder_tab">
										<p class="lineheight40 fontfamily_song">
											<span class="width88 color_666"><i class="color_cc0000">*</i>开票方：</span>
											<select name="" class="select155">
												<option value="">平台</option>
											</select>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width88 color_666"><i class="color_cc0000">*</i>发票抬头：</span>
											<input type="text" name="" id="" value="" class="input220"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width88 color_666"><i class="color_cc0000">*</i>纳税人识别码：</span>
											<input type="text" name="" id="" value="" class="input330"/>
										</p>
									</div>
									<div class="payorder_tab">
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>开票方：</span>
											<select name="" class="select155">
												<option value="">平台</option>
											</select>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>发票抬头：</span>
											<input type="text" name="" id="" value="" class="input220"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>纳税人识别码：</span>
											<input type="text" name="" id="" value="" class="input330"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>统一社会信用代码：</span>
											<input type="text" name="" id="" value="" class="input330"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>开户行：</span>
											<input type="text" name="" id="" value="" class="input330"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>开户行账号：</span>
											<input type="text" name="" id="" value="" class="input330"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>公司电话：</span>
											<input type="text" name="" id="" value="" class="input220"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width110 color_666"><i class="color_cc0000">*</i>公司地址：</span>
											<input type="text" name="" id="" value="" class="input330"/>
										</p>
									</div>
								</div>
								<!--payorder_tab_part1-->
								<div class="infoBox_checkbox clearfix padding_tab15" id="bill_tabpart2">
									<span class="color_666 fl width88_lineh"><i class="color_cc0000">*</i>收取方式：</span>
									<p class="fl"><input type="radio" name="bill1" id="" value="" checked="checked"/>邮箱（电子发票）<span class="color_f08519">￥0</span></p>
									<p class="fl"><input type="radio" name="bill1" id="" value="" />邮寄（纸质发票）<span class="color_f08519">￥<i id="mypostage">10</i></span></p>
								</div>
								<!--payorder_tab_part2-->
								<div class="payorder_tab_part2">
									<div class="payorder_tab">
										<p class="lineheight40 fontfamily_song">
											<span class="width88 color_666"><i class="color_cc0000">*</i>接收邮箱：</span>
											<input type="text" name="" id="" value="" class="input220"/>
										</p>
										<p class="fontfamily_song">
											<span class="width88 color_666"></span>
											<span class="font_size12 color_999">我们将以电子发票的形式发送到您的邮箱</span>
										</p>
										<p class="color_999 font_size12 margin_top20 padding_left25">备注：当您此次住宿为出差性质，且出差报销企业是一般纳税人的企业，酒店才可开具增值税专用发票</p>
									</div>
									<div class="payorder_tab">
										<p class="lineheight40 fontfamily_song">
											<span class="width88 color_666"><i class="color_cc0000">*</i>收件人：</span>
											<input type="text" name="" id="" value="" class="input220"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width88 color_666"><i class="color_cc0000">*</i>手机号码：</span>
											<input type="text" name="" id="" value="" class="input220"/>
										</p>
										<p class="lineheight40 fontfamily_song">
											<span class="width88 color_666"><i class="color_cc0000">*</i>配送地址：</span>
											<select name="s_province" id="s_province" class="select108">
												<option value=""></option>
											</select>
											<select name="s_city" id="s_city" class="select108">
												<option value=""></option>
											</select>
											<select name="s_county" id="s_county" class="select108">
												<option value=""></option>
											</select>
										</p>
										<p class="margin_top5">
											<span class="width88 color_666"></span>
											<input type="" name="" id="" value="" class="input220_font" placeholder="详细地址"/>
										</p>
										<p class="color_999 font_size12 margin_top20 padding_left25">备注：当您此次住宿为出差性质，且出差报销企业是一般纳税人的企业，酒店才可开具增值税专用发票</p>
									</div>
								</div>
								<!--payorder_tab_part1-->
							</div>
						</div>
					</div>
					<!--infoBox-->
					<!--pay_price-->
					<div class="pay_price padding20_border text_right font_size12 fontfamily_song">
						<p class="padding_bot5">房费总价<span>￥<i id="room_price">188</i></span></p>
						<p class="padding_bot5" id="ems_order">发票邮寄<span>￥10</span></p>
						<p id="mydiscount">优惠<span>-￥<i id="discount_price">20</i></span></p>
						<p id="hidedeposit">押金<span>￥200</span></p>
					</div>
					<div class="padding_tab20 text_right font_size12">
						<p><i class="fontfamily_song">订单总价</i><span class="font_size28 font_blod color_f08519">￥<i class="order_totalprice">178</i></span></p>
						<button class="commit_order">提交订单</button>
					</div>
					<!--pay_price end-->
				</div>
				<div class="right fr fontfamily_song">
					<div class="imgbox margin_top35">
						<img src="images/images80.jpg" alt="" title=""/>
					</div>
					<div class="paddBorderbox">
						<p class="font_size14 color_666 font_blod">全季长沙芙蓉中路酒店</p>
						<p class="font_size12 color_7d7b7b padding_top5">长沙芙蓉区万家丽中路99号万家丽国际购物广场北门</p>
					</div>
					<div class="paddBorderbox text_center">
						<p class="clearfix lineheight38">
							<span class="fl font_size14 color_666 font_blod">订单总价<i class="color_f08519">（含押金）</i></span>
							<span class="fr font_size14 color_f08519 fontfamily_yahei">￥<i class="font_size28 order_totalprice">178.00</i></span>
						</p>
						<button class="commit_order">立即支付</button>
					</div>
					<div class="paddBorderbox">
						<p class="font_size14 color_666 font_blod">精选大床房</p>
						<p class="font_size12 color_7d7b7b padding_top5 lineheight20">床型：大床<br /> 面积：35<br /> 窗户：有<br /> 楼层：2-<br /> 入住人数：2人(不可加床)<br /> 是否无烟：<br /> 宽带上网：客房wifi</p>
					</div>
					<div class="paddBorderbox">
						<p class="font_size14 color_666 font_blod">温馨提示</p>
						<p class="font_size12 color_7d7b7b padding_top5 lineheight20">无0秒退房</p>
						<p class="font_size14 color_666 font_blod margin_top20">订单政策</p>
						<p class="font_size12 color_7d7b7b padding_top5 lineheight20">·免费取消 全额退款<br /> ·请于入住日中午12:00后办理入住，如提前到店，视酒店空房情况安排。<br /> ·本订单最晚保留时间为19:00,若到店时间较晚，建议预付房费 <br />·最晚取消时间：08月25日18:00前,逾时无法取消和退款！</p>
					</div>
				</div>
			</div>
			<!--payorder end-->
		</div>
		<!--payorder end-->
		
    	<!--footer-->
        <div class="myfooter">
        	<div class="footer_info">
        		<div class="width1200 clearfix">
        			<!--left-->
	        		<div class="left fl">
	        		    <div class="imgbox">
	        		    	<img src="img/icon39.png" alt="" title=""/>
	        		    </div>
	        		    <div class="clearfix">
	        		    	<div class="fl imgbox">
	        		    		<img src="img/icon41.png" alt="" title=""/>
	        		    	</div>
	        		    	<div class="fl color_fff padding_left10">
	        		    		<p class="font_size12">24小时服务热线</p>
	        		    		<p class="font_size24">400-716-0164</p>
	        		    	</div>
	        		    </div>
	        		</div>
        			<!--left end-->
	        		<!--right-->
	        		<div class="right fl clearfix">
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">掌中拍</p>
	        				<ul>
	        					<li><a href="" title="">关于我们</a></li>
	        					<li><a href="" title="">精品抢拍 </a></li>
	        					<li><a href="" title="">热门目的地</a></li>
	        					<li><a href="" title="">旅游攻略</a></li>
	        					<li><a href="" title="">工作机会</a></li>
	        					<li><a href="" title="">联系我们</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">加盟合作</p>
	        				<ul>
	        					<li><a href="" title="">酒店加盟 </a></li>
	        					<li><a href="" title="">供应商加盟 </a></li>
	        					<li><a href="" title="">加盟政策</a></li>
	        					<li><a href="" title="">我要加盟</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">帮助中心</p>
	        				<ul>
	        					<li><a href="" title="">新手上路 </a></li>
	        					<li><a href="" title="">使用帮助 </a></li>
	        					<li><a href="" title="">会员条款</a></li>
	        					<li><a href="" title="">旅游攻略</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_rightbox fl">
	        				<p class="footer_titlep">关于我们</p>
	        				<ul class="clearfix padding_top10">
	        					<li class="padding_right20">
	        						<div class="imgbox">
	        							<img src="img/icon40.png" alt="" title=""/>
	        						</div>
	        						<p class="padding_top10">掌中拍app下载</p>
	        					</li>
	        					<li>
	        						<div class="imgbox">
	        							<img src="img/icon40.png" alt="" title=""/>
	        						</div>
	        						<p class="padding_top10">微信关注掌中拍</p>
	        					</li>
	        				</ul>
	        			</div>
	        		</div>
	        		<!--right end-->
	        	</div>
        	</div>
        	<div class="copyright">
        		<div class="width1200 font_size12 color_777676">
        			<p class="fl">Copyright 2017 ©掌中拍版权所有  备案号：湘ICP备16000832</p>
        			<p class="fr">网站地图 | 隐私政策 | 长沙网站建设—创研科技<img src="img/icon42.png" alt="" title=""/></p>
        		</div>
        	</div>
        </div>
        <!--footer end-->
        
        <!--右侧固定开始-->
		<div class="fixed_box" style="display: block;">
			<p style="margin-left: -46px;"><i><img src="img/icon43.png" alt="短信" title=""></i><a href="" target="_blank" title="">在线咨询</a></p>
			<p style="margin-left: -46px;" class="fixed_wx"><i><img src="img/icon44.png" alt="微信" title=""></i><em><img src="img/icon40.png" alt="" title=""></em></p>
			<p style="margin-left: -46px;"><i><img src="img/icon45.png" alt="" title=""></i><em>0731-85539437</em></p>
			<p style="margin-left: -46px;" ><i><img src="img/icon46.png" alt="电话" title=""></i><em>0731-85539437</em></p>
			<p style="margin-left: -46px;" class="back_top"><i><img src="img/icon47.png" alt="返回顶部" title=""></i></p>
		</div>
		<!--右侧固定结束-->
		<!--mengban-->
		<div class="mengban"></div>
		<!--mengban end-->
		<!--cancel_order-->
		<div class="alertcancel_order alert">
			<p class="alert_titlep clearfix">
				<span class="fl">温馨提示</span>
				<img src="img/cancel_order.png" alt="" title="" class="fr alertcancel_img"/>
			</p>
			<p class="padding_tab40 text_center">每间房最多添加4位入住人</p>
			<div class="text_center">
                 <button class="this" id="click_cancel">确定</button>
			</div>
		</div>
		<!--cancel_order-->
	</body>
</html>
<script src="js/jquery-1.12.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
<script src="js/payorder.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/select.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">_init_area();</script>